<style scoped>
     .layout-menu-left{
        background: #fff;
    }
</style>

<template>
    <i-col :class="main_left" :span="spanLeft" v-if="xianshi" class="layout-menu-left">
        <Menu active-key="1-2" width="auto">
            <Submenu key="1">
                <template slot="title">
                    <Icon color="#1b73fb" type="ios-home"></Icon>
                    系统首页
                </template>
                <Menu-item key="1-1">选项 1</Menu-item>
                <Menu-item key="1-2">选项 2</Menu-item>
                <Menu-item key="1-3">选项 3</Menu-item>
            </Submenu>
            <Submenu key="2">
                <template slot="title">
                    <Icon color="#1b73fb" type="android-apps"></Icon>
                    系统管理
                </template>
                <Menu-item key="2-1">选项 1</Menu-item>
                <Menu-item key="2-2">选项 2</Menu-item>
            </Submenu>
            <Submenu key="3">
                <template slot="title">
                    <Icon color="#1b73fb" type="ios-bookmarks"></Icon>
                    基础资料
                </template>
                <Menu-item key="3-1">选项 1</Menu-item>
                <Menu-item key="3-2">选项 2</Menu-item>
            </Submenu>
            <Submenu key="4">
                <template slot="title">
                    <Icon color="#1b73fb" type="android-clipboard"></Icon>
                    业务资料
                </template>
                <Menu-item key="1-1">选项 1</Menu-item>
                <Menu-item key="1-2">选项 2</Menu-item>
                <Menu-item key="1-3">选项 3</Menu-item>
            </Submenu>
            <Submenu key="5">
                <template slot="title">
                    <Icon color="#1b73fb" type="android-options"></Icon>
                    追溯码管理
                </template>
                <Menu-item key="1-1">选项 1</Menu-item>
                <Menu-item key="1-2">选项 2</Menu-item>
                <Menu-item key="1-3">选项 3</Menu-item>
            </Submenu>
            <Submenu key="6">
                <template slot="title">
                    <Icon color="#1b73fb" type="android-create"></Icon>
                    用户管理
                </template>
                <Menu-item key="1-1">选项 1</Menu-item>
                <Menu-item key="1-2">选项 2</Menu-item>
                <Menu-item key="1-3">选项 3</Menu-item>
            </Submenu>
            <Submenu key="7">
                <template slot="title">
                    <Icon color="#1b73fb" type="ios-recording"></Icon>
                    生产管理
                </template>
                <Menu-item key="1-1">选项 1</Menu-item>
                <Menu-item key="1-2">选项 2</Menu-item>
                <Menu-item key="1-3">选项 3</Menu-item>
            </Submenu>
            <Submenu key="8">
                <template slot="title">
                    <Icon color="#1b73fb" type="ios-toggle"></Icon>
                    授权管理
                </template>
                <Menu-item key="1-1">选项 1</Menu-item>
                <Menu-item key="1-2">选项 2</Menu-item>
                <Menu-item key="1-3">选项 3</Menu-item>
            </Submenu>
        </Menu>
    </i-col>
</template>
<script>
    export default {
        methods:{
            fns:function(){
                if (this.xianshi==true) {
                    this.xianshi=false;
                    this.spanRight=24;
                    this.spanLeft=0;
                }else{
                    this.xianshi=true;
                    this.spanLeft=4;
                    this.spanRight=20;
                };
            }
        },
        data () {
            return {
                xianshi:true,
                spanLeft:4,
                spanRight:20
            }
        }
    }
</script>
